@import "common/foundation/variables";

.topic-meta-data .names {
  flex-wrap: wrap;

  & > span:not(.moderator) {
    margin-right: 10px;
  }

  .poster-icon-container {
    display: flex;
    order: 2;

    span.poster-icon {
      overflow: visible;
      display: flex;
      align-items: center;
      margin: 0 8px 0 0;

      &.badge-type-bronze .fa {
        color: $bronze;
      }
      &.badge-type-silver .fa {
        color: $silver;
      }
      &.badge-type-gold .fa {
        color: $gold;
      }

      img {
        display: flex;
        height: 0.87em;
        width: 0.87em;
      }
    }

    @if $only_show_highest_trust_level == "true" {
      span.poster-icon {
        &.basic,
        &.member,
        &.regular,
        &.leader {
          display: none;
        }
      }

      &.basic-highest .basic,
      &.member-highest .member,
      &.regular-highest .regular,
      &.leader-highest .leader {
        display: flex !important;
      }
    }
  }
}
